<template>
  <div id="app">
    <div class="content">
      <topbar class="topbar"></topbar>
      <input-box></input-box>
      <message-list ref="messageList" class="message"></message-list>
      <footbar class="footbar"></footbar>
    </div>
  </div>
  
</template>

<script>
import topbar from '../public/topbar.vue'
import inputBox from  './input.vue'
import messageList from './messageList.vue'
import footbar from "../public/footbar.vue";

export default {
  name: 'leaveMsg',
  components: {
    topbar,
    inputBox,
    messageList,
    footbar
  },
  methods: {
    getList() {
      this.$refs.messageList.getList()
    }
  }
}
</script>

<style scoped>
#app {
  width: 100%;
  background-image: url(../../assets/bg9.jpg);
  background-size: 1920px 100%;
  background-attachment: fixed;
  background-repeat: no-repeat;
}


.content {
}

* {
    margin: 0px;
    padding: 0px;
  }

.message {
  min-height: 1000px;
}
</style>
